Vue.component('v-chart', VueECharts)
new Vue({
    el: '#app',
    data() {
        return {
            isReady: false, //数据是否已经准备好,防止页面闪现大括号{{}}
            activeDialogIndex: '', //模态窗索引
            stat1: { //第一个数据
                xyzp: { //血液制品
                    qyList: ['海康'],
                    qyAmount: 1, //企业数量
                    kindAmount: 2 //品种数量
                },
                ym: { //疫苗
                    qyList: [{
                        name: '海康',
                        id: '1'
                    }, {
                        name: '卫信',
                        id: '2'
                    }, {
                        name: '天元',
                        id: '3'
                    }, {
                        name: '荣安',
                        id: '4'
                    }],
                    qyAmount: 4, //企业数量
                    kindAmount: 9 //品种数量
                },
                fontSize: { //数量不同，字体大小不同
                    0: '20px',
                    1: '20px',
                    2: '16px',
                    3: '16px',
                    4: '16px'
                }
            },
            stat2: {
                chartOption: {}
            },
            stat3: {
                chartOption: {}
            },
            stat4: {
                chartOption: {}
            },
            stat5: {
                qyList: [{
                    name: '荣安',
                    level: 0
                }, {
                    name: '天元',
                    level: 0
                }, {
                    name: '普康',
                    level: 0
                }, {
                    name: '卫信',
                    level: 0
                }, {
                    name: '海康',
                    level: 0
                }]
            },
            stat6: {
                yjList: [ //最新风险预警信息列表
                    {
                        name: '浙江卫信生物药业有限公司GMP即将过期'
                    },
                    {
                        name: '青霉素皮试剂（浙江金华康恩贝生物制药有限公司）产…'
                    },
                    {
                        name: '宁波荣安药业有限公司生产许可证即将过期'
                    },
                    {
                        name: '冻干腮腺炎减毒活疫苗（浙江卫信）收到有效投诉举报…'
                    },
                    {
                        name: '杭州市老百姓医药大药房GSP检查问题缺陷重复'
                    },
                    {
                        name: '浙江康吉尔药业有限公司疑视不良反应3次'
                    },
                    {
                        name: '冻干甲型肝炎减毒活疫苗（浙江普康）抽检不合格3次'
                    },
                    {
                        name: '浙江尖峰药业有限公司生产许可证即将过期'
                    },
                    {
                        name: '浙江卫信生物药业有限公司疫苗配送温度超标'
                    },
                    {
                        name: '浙江尖峰药业有限公司生产许可证即将过期'
                    }
                ],
                yjczfx: { //预警处置风险
                    name: '普康生物技术公司生产许可证临期'
                },
                form: {
                    hsqdlx: 1, //会商确定类型
                    hsyj: '' //会商意见
                }
            },
            dialogQyfxx: { //企业风险信息详情(弹窗)
                qyInfo: { //企业信息
                    name: '浙江普康生物技术有限公司', //企业名称
                    fzTime: '2019-07-15', //发证日期
                    xkzbh: 'XXXXXXXXXXXX', //许可证编号
                    yxqTime: '2019-07-15' //有效期至
                },
                cpInfo: { //产品信息
                    name: '腮腺炎减毒活疫苗', //产品名称
                    pzTime: '2019-07-15', //批准日期
                    pzwh: 'XXXXXXXXXXXX', //批准文号
                    jx: 'XXXXXXXXXXXX' //剂型
                },
                // 许可证信息
                xkzList: [{
                    name: '荣安',
                    xkzbh: 'XXXXXXXXXX',
                    time: '2019-06-09'
                }, {
                    name: '荣安',
                    xkzbh: 'XXXXXXXXXX',
                    time: '2019-06-09'
                }],
                //抽检信息
                cjList: [{
                    time: '2019-06-09',
                    bhgxm: 'XXXXXXXXXX'
                }, {
                    time: '2019-06-09',
                    bhgxm: 'XXXXXXXXXX'
                }],
                //不良反应
                blfyList: [{
                    time: '2019-06-09',
                    place: 'XXXXXXXXXX'
                }, {
                    time: '2019-06-09',
                    place: 'XXXXXXXXXX'
                }],
                //违法行为
                wfxwList: [{
                    wfxw: '此处是文字',
                    xz: 'XXXXXXXXXX'
                }, {
                    wfxw: '此处是文字',
                    xz: 'XXXXXXXXXX'
                }]
            }
        }
    },
    created() {
        setTimeout(() => {
            this.isReady = true
        }, 200)
        this.createStat2()
        this.createStat3()
        this.createStat4()
    },
    methods: {
        createStat2() { //省内疫苗生产企业经济现状
            var lableList = ['海康', '卫信', '天元', '荣安']
            var dataList = [
                [180, 170, 160, 150],
                [200, 190, 180, 200],
                [120, 110, 90, 80],
                [100, 90, 60, 50]
            ]
            this.stat2.chartOption = AllOptions.createOption2(lableList, dataList)
        },
        createStat3() { //全省疫苗历年总体经济情况
            var lableList = ['2016年', '2017年', '2018年']
            var dataList = [
                [100, 130, 160],
                [70, 80, 90]
            ]
            this.stat3.chartOption = AllOptions.createOption3(lableList, dataList)
        },
        createStat4() {
            var that = this;
            var dataList = [ //重点是经纬度（企业经纬度）
                {
                    name: "杭州市",
                    value: 3,
                    coords: [120.153576, 30.287459]
                },
                {
                    name: "舟山市",
                    value: 3,
                    coords: [122.106863, 30.016028]
                },
                {
                    name: "金华市",
                    value: 8,
                    coords: [119.649506, 29.089524]
                },
                {
                    name: "永嘉县",
                    value: 8,
                    coords: [120.690968, 28.153886]
                },
            ]
            // $.get('/src/js/zjs.json', function (zjsMapJson) {
            $.get('/src/js/zj.json', function (mapJson) {
                that.stat4.chartOption = AllOptions.createOption4(mapJson, dataList)
            })
            // })
        },
        showDiaLog(index) { //显示弹框
            this.activeDialogIndex = index
        },
        hideDialog() { //隐藏弹窗
            this.activeDialogIndex = ''
        },
        showYmDig(item) { //信源、模型、企业、产品
            this.activeDialogIndex = 1
            this.$nextTick(() => {
                $('#modal1').modal()
            })
        },
        showQyDetail(item) { //跳转到但企业画像
            location.href = "./dqyhx.html?id=" + item.id
        },
        submitForm() {
            alert('提交表单' + JSON.stringify(this.stat6.form))
        }
    }
})